Durante la depuración, veo el mensaje "El diseño se forzó antes de que la página se cargara por completo. Si las hojas de estilo aún no están cargadas, esto puede causar un destello de contenido sin estilo". Cuando recibo este mensaje, Firefox no encuentra mis funciones en
<script src='Game_Help.js' onload="alert('loaded')"></script> Si elimino <script> , el mensaje desaparece, pero, por supuesto, esas funciones aún no se encuentran.
Lo extraño es que tengo un problema similar con Edge. Chrome funciona bien.
PD: utilicé la función onload para ver si se estaba cargando el script. Puedo hacer una solución usando un iframe, pero eso parece extraño.
Entonces lo que está pasando es que la propia alerta está interrumpiendo la carga de contenido, provocando la advertencia. Entonces, para solucionarlo (y mantener la secuencia de comandos en la sección principal), elimine el evento onLoad de su etiqueta de secuencia de comandos y agregue un detector de eventos que contenga la alerta en su archivo javascript externo:
document.addEventListener("DOMContentLoaded", function(){ alert('loaded') });Este oyente esperará hasta que se cargue otro contenido antes de ejecutarse.
La otra forma de solucionar esto es mover la etiqueta del script al cuerpo (HTML se carga de arriba hacia abajo, por lo que solo está dejando que todo lo demás se cargue más o menos hasta que llegue al script). Si su contenido es bastante complejo o hay múltiples secuencias de comandos, usar el detector de eventos será una solución más sólida y específica.